<template>
    <div class="video_big">
        <video_list @click="video_big(index)" :item="item" v-for="item, index in data.list " :key="index" />
    </div>
</template>
<script setup>
import { defineAsyncComponent, defineEmits } from 'vue';
const video_list = defineAsyncComponent(() => import('../common/video_little_list.vue'))
const emit = defineEmits('video_big')
const prop = defineProps(
    {
        data: {
            type: Object,
        }
    }
)
function video_big(index) {
    emit('video_big', index)
}
</script>
<style scoped lang="scss">
@function r($v) {
    @return $v / (390 / 10rem)
}

.video_big {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: flex-start;
    color: #fff;
}
</style>